<div class="page-title">

	<div class="title-env">
		<h1 class="title">容器服务</h1>
		<p class="description"><i class="fa-question-circle"></i> 可以从这里了解<a href="http://docs.naturecloud.io/container-services" target="_blank">容器服务?</a></p>
	</div>

	<div class="breadcrumb-env">

		<ol class="breadcrumb bc-1">
			<li>
				<a ui-sref="cp" ><i class="fa-home"></i>首页</a>
			</li>

			<li class="active">

				服务
			</li>
		</ol>

	</div>

</div>
<!-- Responsive Table -->
<div class="row">
	<div class="col-md-12">
	  <!--内容开始-->
		<ul class="nav nav-tabs">

		</ul>
		<div class="tab-content">


			<div class="panel-body">


				<div class="form-group">
					<label class="col-sm-2 control-label text-left" for="field-1">服务名称:</label>

					<div class="col-sm-5">
						<input type="text" ng-disabled="IsDisabled==='Update'" ng-required="string" ng-model="ServiceName"
							   placeholder="输入服务名称" class="input">
					</div>
					<div class="clearfix"></div>

				</div>

				<div class="form-group-separator"></div>

				<div class="form-group">
					<label class="col-sm-2 control-label text-left" for="field-1">请选择镜像:</label>

					<div class="col-sm-5">
						<input type="text" ng-disabled='true' ng-model="SelectedImage" class="input">
					</div>
					<div class="clearfix"></div>

				</div>
				<div class="form-group-separator"></div>

				<div class="form-group">
					<label class="col-sm-2 control-label text-left" for="field-1">请选择容量:</label>

					<div class="col-sm-5">
						<select class="form-control" ng-model="Request" ng-options="spec for spec in specs">
						</select>
					</div>
					<div class="clearfix"></div>

				</div>
				<div class="form-group-separator"></div>

				<div class="form-group">
					<label class="col-sm-2 control-label text-left" for="field-1">请选择服务协议:</label>

					<div class="col-sm-5">
						<select class="form-control" ng-model="Protocol" ng-init="Protocol = 'HTTP'">
							<option value="HTTP">HTTP</option>
							<!--<option>HTTP</option>-->
						</select>
					</div>
					<div class="clearfix"></div>

				</div>

				<div class="form-group-separator"></div>

				<div class="form-group">
					<label class="col-sm-2 control-label text-left" for="field-1">请填写服务端口:</label>

					<div class="col-sm-5">
						<input type="text" ng-model="RequestPort" ng-required="int" placeholder="例如: 80" class="input">
					</div>
					<div class="clearfix"></div>

				</div>

				<div class="form-group-separator"></div>


				<div class="form-group">
					<label class="col-sm-2 control-label text-left" for="field-1">请填写集群容量:</label>

					<div class="col-sm-5">
						<input type="text" ng-model="RequestrePlicas" ng-required="int" placeholder="例如: 3(台)"
							   class="input">
					</div>
					<div class="clearfix"></div>

				</div>


<br>

				<div class="form-group">
					<button type="submit" class="btn btn-blue btn-lg" ng-click="ok()">更新</button>
					<button type="reset" class="btn btn-white btn-lg" ng-click="cancel()">取消</button>
				</div>



			</div>





		</div>

		<!--内容结束-->
	</div>
</div>

